<!DOCTYPE html>
<html class="x-admin-sm">

<head>
	<meta charset="UTF-8">
	<title>电子学会比赛管理系统</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
	<link rel="stylesheet" href="./css/font.css">
	<link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./css/xadmin.css">
	<script type="text/javascript" src="./js/abkj/match/api/undertakeunit.js"></script>
	<script type="text/javascript" src="./js/abkj/fun_tool.js"></script>
	<script type="text/javascript" src="./js/abkj/slAjax.js"></script>
	<script src="./lib/layui/layui.js" charset="utf-8"></script>
	<script type="text/javascript" src="./js/xadmin.js"></script>
</head>

<body>
<div class="x-nav">
	<span class="layui-breadcrumb">
			<a href="">首页</a>
			<a><cite>网站配置</cite></a>
			<a><cite>赛区展示</cite></a>
	</span>
	<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
		<i class="layui-icon layui-icon-refresh" style="line-height:30px"></i>
	</a>
</div>
<div class="layui-fluid">
	<div class="layui-row layui-col-space15">
		<div class="layui-col-md12">
			<div class="layui-card" id="content" v-cloak>
				<div class="layui-card-header">
					<!--<button class="layui-btn layui-btn-danger" onclick="delAll()">-->
						<!--<i class="layui-icon"></i>批量删除-->
					<!--</button>-->
					<button class="layui-btn" onclick="xadmin.open('添加赛区','editDivision.html',600,400)">
						<i class="layui-icon"></i>添加
					</button>
				</div>
				<div class="layui-card-body ">
					<table class="layui-table layui-form" id="table">
						<span>共计{{total}}条数据</span>
					</table>
					<section id="page"></section>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
<script src="./js/vue.js"></script>
<script src="./js/jquery.min.js"></script>
<script type="text/html" id="operating">
<a href="javascript:;" onclick="xadmin.open('编辑','editDivision.html?id='+{{d.id}},600,400)" class="layui-table-link">编辑</a>
<a href="javascript:;" class="layui-table-link" onclick=app.remove('{{d.id}}')>删除</a>
</script>
<script>
	var app=new Vue({
		el: '#content',
		data: {
			listDivision:[],
			list:[],
			pageSize: 50000,
			pageNo: 1,
			total: 0,
			status:['审核','待审核' ,'通过', '不通过'],
			participate:['审核','参赛' ,'弃权' ],
			cols: [ //表头
				{field: 'index', title: '序号', width: 80},
				{field: 'zoneName', title: '赛区'},
				{field: 'companyName', title: '公司名称'},
				{field: 'contacts', title: '联系人'},
				{field: 'phone', title: '联系电话'},
				{field: 'email', title: '邮箱'},
				{field: 'email', title: '操作', width: 135, templet: '#operating'},
			]
		},
		methods:{
			opentab:function(name,url){
				//单击事件
				console.log(name)
				console.log(url)
				xadmin.add_tab(name,url)
			},
			getData(){
				this.loadDivision();
			},
			remove: function (id) {
				layer.confirm('确认删除吗？', function () {
					UndertakeUnitdelObj(id,function(data){
						layer.msg('删除成功', {icon: 1})
						location.reload()
					})

				})
			},
			loadDivision:function(){
				var vm = this
				var queryData = {
				    page:{
				        current: vm.pageNo, //当前页数
				        size: vm.pageSize   //每页长度
				    },
				    cond:{ //条件
				        eq:{ // 多条件对象
	                    },
						order:{ //排序条件
	                    	type:"desc",
	                    	attrName:["id"]
	                    }
				    }
				};
				UndertakeUnitPageList(queryData,function(data){
					app.listDivision=data;
					app.list = []
					app.total = data.total
					for(var i=0; i<data.records.length; ++i){
						var itemDivision={
							index:i+1,
							id:data.records[i].id,
							zoneName:data.records[i].zoneName,
							companyName:data.records[i].companyName,
							contacts:data.records[i].contacts,
							phone:data.records[i].phone,
							email:data.records[i].email
						}
						app.list.push(itemDivision)
						
					}
					   	console.log(app.list)
						//  app.list=app.list.reverse()
						app.init()
				},function(status,message){

				})
			},
			init:function() {
				var that = this
				var vm = this

				layui.use(['laypage','table'], function () {
					// var laypage = layui.laypage;
					// //执行一个laypage实例
					// laypage.render({
					// 	elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
					// 	,count: 16 //数据总数，从服务端得到
					// });
					var table = layui.table
					
					// that.list=that.list.reverse()
					//头工具栏事件
					table.render({
						elem: '#table',
						title: '用户数据表',
						cols: [that.cols],
						data: that.list,
						page:true
					})

					
				})
			}
		}
	})
	window.onload=function(){
		app.getData()
	}
</script>

</html>
